محترفي التكنولوجيا: قوالب احترافيه

‏إظهار الرسائل ذات التسميات قوالب احترافيه. إظهار كافة الرسائل

الجمعة، 27 ديسمبر 2013

لاول مرة قالب باللون الاخضر والاسود هدية لاصحاب مدونات Blogger

بسم الله الرحمن الرحيم والصلاة والسلام على اشرف المرسلين

اخواني الكرام زوار واعضاء مدونة الفوتوشوب للعرب اود ان اقدم بين ايديكم اليوم قالب من تعريبي وتطوير ارجو من الله ان ينال اعجاب الجميع

اضغط على الصورة للمشاهدة بالحجم الاصلي

( مرات التنزيل : 500 مرة )

تنبيه : قبل تركيب القالب يجب اخد نسخة احتياطية من القالب القديم على جهازك

معلومات عن القالب وكيفية التعديل عليه

* Slideshow احترافي لعرض المواضيع المميزة في المدونة يختفي تلقائيا عند الدخول الي اي موضوع

ويمكن تخصيص السلايد شو من لوحة التحكم >> تصميم >> عناصر الصفحة

ستجد اداة بإسم Slideshow قم بإضافة الكود التالي للاداة

<div class='post'>

<ul class="slideshow">

<li><a href="رابط الموضوع"><img src="رابط الصورة" width="600" height="240" title="عنوان الموضوع" alt="مقتطف من الموضوع يظهر اسفل العنوان." /></a></li>

<li><a href="رابط الموضوع"><img src="رابط الصورة" width="600" height="240" title="عنوان الموضوع" alt="مقتطف من الموضوع يظهر اسفل العنوان." /></a></li>

<li><a href="رابط الموضوع"><img src="رابط الصورة" width="600" height="240" title="عنوان الموضوع" alt="مقتطف من الموضوع يظهر اسفل العنوان." /></a></li>

</ul>

</div>

شرح الكود :

الاحمر لتعديل رابط الموضوع

الاخضر في الكود لتعديل رابط الصورة

الازرق لتعديل عنوان الموضوع

البرتقالي لاضافة مقتطف من الموضوع

ويمكن ايضا زيادة عدد المواضيع التي تظهر فى السلايد شو بإضافة هذا الكود

<li><a href="رابط الموضوع"><img src="رابط الصورة" width="600" height="240" title="عنوان الموضوع" alt="مقتطف من الموضوع يظهر اسفل العنوان." /></a></li>

ملاحظة : يجب ان تكون ابعاد الصورة >> 600 PX في العرض × 240 PX في الارتفاع

اما ان كنت لا ترغب بهذه الاداة يمكنك حذفها من عناصر الصفحة

ميزة اخرى للقالب وهى التوافق التام مع المتصفح انترنت اكسبلورر , جوجل كروم , موزيلا فير فوكس .

ايضا امكانية فتح الروابط الخارجية في صفحة مستقلة.

اضافة جميلة لعداد التعليقات يظهر بجانب عنوان الموضوع

تميز تعليق صاحب المدونة عن باقي التعليقات

ويمكن تغير لون التعليق لصاحب المدونة من تحرير HTML بعد توسيع القالب والضغط على مفتاح Ctrl + F من لوحة المفاتيح والبحث عن هذا الكود

وبعد العثور عليه قم بتغير ما تم تلوينه بالاحمر الى اللون الذي يناسبك

<style>

.comment-body-author {

background: none repeat scroll 0 0 #FAFAF0;

color: #000000;

border: 1px solid #EFF4D6;

font-family: tahoma;

margin: 5px 5px 10px 10px;

padding: 1px 10px 1px 10px;

}

</style>

اسفل كل موضوع يوجد مربع لعرض نبدة مختصرة عن صاحب المدونة

ويمكن تخصيصه كالتالي

من تحرير HTML وبعد توسيع القالب قم بالبحث عن هذ الكود بالضغط على Ctrl + F

<data:post.body/>

اسفل منه مباشرة ستجد هذ الكود قم بتغير ما تم تلوينه كالتالي

<b:if cond='data:blog.pageType == "item"'>

<div class='postauthor'>

<img alt='' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRSdN9jYBdoQWA5pr2BR-vz_Ky39VrVi_5Tv1DSvYehZNw-JsdLW9XIRwzgPcTGmBBDGa5p-Qye2X5bJigey9OPjKgazb_IVytaiInplzbGHiMmkChQi3jnQQuKozGgZD3CCLpLop4bq8K/' width='80'/>

<h4>بقلم عاشق النت</h4>

<p> انا عاشق النت إسم على مسمى, اعشق برنامج الفوتوشوب وأحببت إنشاء هذه المدونة لاضع فيها كل ما يتعلق ببرنامج الفوتوشوب من دروس وملحقات وصور وتصاميم حتى تكون طريق المستخدم العربى ليصل الى الاحترافية </p>

</div>

</b:if>

الاحمر لتغير رابط الصورة المصغرة لصاحب المدونة

الاخضر لتغير اسم صاحب المدونة .

الازرق لاضافة نبدة مختصرة عن صاحب المدونة

ايضا يوجد اسفل كل تدوينة مربع احترافي لنشر مواضيع المدونة عبر مواقع النشر المفضلة وامكانية متابعة المدونة عبر رسائل البريد الالكتروني وغيرها

وللتعديل على المربع ووضع روابط مواقع النشر الخاصة بك قم بالتالي

1- لتغير رابط الخلاصة RSS ابحث عن الرابط التالي وستجده مكرر مرتين ثم قم بإستبداله برابط الخلاصة الخاص بك

http://feeds.feedburner.com/ps4ar

2 - لتغير رابط الصفحة الخاص بك على الفيس بوك ابحث عن الرابط التالي وستجده مكرر مرتين ثم قم بإستبداله برابط الصفحة الخاص بك على موقع الفيس بوك

http://www.facebook.com/ps4ar

3 - لتغير رابط الصفحة الخاص بك على تويتر ابحث عن الرابط التالى وستجده مكرر مرتين ثم قم بإستبداله برابط حسابك على تويتر

http://twitter.com/ps4ar

4 - لتغير رابط الاشتراك عبر البريد الالكتروني ابحث عن الرابط التالي وستجده مكرر مرتين ثم قم بإستبداله برابط اللاشتراك الخاص بك على موقع فيد بيرنر

http://feedburner.google.com/fb/a/mailverify?uri=ps4ar

------------------------------------

ايضا يوجد في القائمة الجانبية مربع لمتابعة مواضيع المدونة على المواقع الاجتماعية وسنقوم بتخصيص هذا المربع داخل القالب من تحرير HTML واستبدال الروابط

وطبعا التخصيص سيكون مثل المربع السابق اي انه لكل موقع إتنين من الروابط ستقوم بإستبدالها بروابط حسابك الخاص

1 - رابط موقع تويتر

http://twitter.com/ps4ar

2 - رابط الخلاصة RSS

http://feeds.feedburner.com/ps4ar

3 - رابط الفيس بوك

http://www.facebook.com/ps4ar

نأتي الان لتعديل قائمة الروابط والطريقة ستكون من عناصر الصفحة من الاداة Menu-Bottom

قم بتحرير الاداة واضافة الروابط المراد عرضها في القائمة

لتظهر القائمة بشكل احترافي في المدونة بهذا الشكل

القالب مضاف اليه كود Meta Tag لكسب صداقة محركات البحث وكذلك لتحسين ظهور النتائج ويمكن فقط ان نضيف عليه وصف قصير للمدونة يظهر بعد عنوان المدونة ولعمل ذلك في بداية القالب ستجد كلمة دروس الفوتوشوب قم بتغيرها بوصف قصير يدل بشكل قوى على محتو مدونتك كما في الصورة

فوتر جميل باللون الاسود والروابط باللون الاخضر لاضافة ثلاثة ادوات اسفل المدونة

وللراغبين بعمل التبادل الاعلاني مع مدونات اخري اليكم هذا الكود الذي سيتم اضافته من عناصر الصفحة >> اضافة اداة >> ومن بين الادوات نختار اداة HTML/JavaScript ثم نضيف الكود التالي

<div align="center">

<table border="0" cellpadding="2" cellspacing="4" width="250" bgcolor="#ffffff">

<tbody><tr>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggJ57Tw3vrRbehMX1L_70Mp0cH5bIqSHlx85Rt8FDMUjunhkqFVR7zIX8UE3xXyqVp8M0iib-MvWRfu1f9pEnq-vDwOAVnMwIucZuyP69vmJZ9bNUNLMFDoVNIEikpGVnM92FprUbbzds/" height="125" /></a></center></td>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggJ57Tw3vrRbehMX1L_70Mp0cH5bIqSHlx85Rt8FDMUjunhkqFVR7zIX8UE3xXyqVp8M0iib-MvWRfu1f9pEnq-vDwOAVnMwIucZuyP69vmJZ9bNUNLMFDoVNIEikpGVnM92FprUbbzds/" height="125" /></a></center></td>

</tr>

<tr>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggJ57Tw3vrRbehMX1L_70Mp0cH5bIqSHlx85Rt8FDMUjunhkqFVR7zIX8UE3xXyqVp8M0iib-MvWRfu1f9pEnq-vDwOAVnMwIucZuyP69vmJZ9bNUNLMFDoVNIEikpGVnM92FprUbbzds/" height="125" /></a></center></td>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggJ57Tw3vrRbehMX1L_70Mp0cH5bIqSHlx85Rt8FDMUjunhkqFVR7zIX8UE3xXyqVp8M0iib-MvWRfu1f9pEnq-vDwOAVnMwIucZuyP69vmJZ9bNUNLMFDoVNIEikpGVnM92FprUbbzds/" height="125" /></a></center></td>

</tr>

</tbody></table>

</div>

شرح الكود :

الاحمر رابط المدونة المراد التبادل الاعلاني معها

الاخضر وصف قصير للمدونة يظهر اثناء مرور المؤشر على البنر

الازرق رابط البنر

ولتغير شعار المدونة من تحرير HTML قم بتوسيع القالب والبحث عن الرابط التالي واستبداله برابط الشعار الخاص بك

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2cCft_caFyZq1WkTbBkhyAjRrMVA1fjvgtv8MkI86p3jivOoNZctU79eIgsp6uEPPnDotTcGgpncgCZXeI48zZkEjmxtQer7oC-y4CxrZXnfArIiTdN54v7nwO8rshbO8LXBGDdbzH-8/

ملاحظة : ليضهر الشعار داخل الهيدر بشكل جميل يجب ان يكون بأبعاد 400 PX فى العرض × 120 PX فى الارتفاع

ولمن يريد تحميل القالب مضاف اليه هاك إقرأ المزيد مع الصورة المصغرة كما في الصورة

( مرات التنزيل : 500مرة )

هذا وما كان من توفيق فمن الله وما كان من خطأ او نسيان فمني ومن الشيطان

نفعني الله واياكم بما علمنا وعلمنا ما ينفعنا وزادنا علما

لا تنسونا من صالح الدعاء .

ملاحظة : ارجو من كل من اراد نقل الموضوع دكر المصدر وارجو من الجميع عدم حذف الحقوق مع تمنياتي للجميع بالتوفيق والنجاح

Hjanaan

9:19 ص

اقرأ المزيد

الخميس، 26 ديسمبر 2013

قالب بلوجر إحترافي (AJAIB)

رابط تحميل ثاني لقالب البلوجر من (هنا) .

قالب بلوجر احترافي جدا وبسيط في ان واحد، ذو ألوان مريحة للأعين وتصميم سلس يبسط عملية تصفح المدونة .

للتعديل على القالب قم بحصر عدد المواضيع المعروضة في الصفحة الرئيسية واجعلها 1 فقط وذلك من صفحة الإعدادت .

صورة توضيحية

ثم قم بالبحث داخل القالب عن هذا الرابط وغيره برابط مدونتك
http://demo103.blogspot.com/

صورة توضيحية

ثم قم بالتعدي على الأبواب عبر البحث عن هذه الأسطر داخل القالب وغير أسمائها (الأبواب) وضع رابطا لكل واحد منها مكان العلامات الملونة بالأحمر.

<ul>

<li><a href='/'>الرئيسية</a></li>

</ul>

الرجاء عدم إزالة الحقوق من القالب عند إستعماله .

Hjanaan

3:54 م

اقرأ المزيد

قالب بلوجر رائع (GEEK GADGET)

رابط تحميل ثاني لقالب البلوجر من هنا .

قالب بلوجر إحترافي صالح لجميع أنواع المدونات (Geeks Gadget). القالب به شريط متحرك مع الصفحة ومكان للإعلانات فوق المواضيع . كما يوجد به خط عربي جميل ووادين في الفوتر.

للتعديل على الأبواب قم بالبحث عن أسماء الأبوب (مثال: باب عدد1) في صفحة تحرير الhtml وقم بتغيير أسماءها وضع رابطا لكل واحد منها مكان العلامة # .

الرجاء عدم إزالة الحقوق من فوتر القالب لأنه لن يعمل بدونها .

Hjanaan

3:51 م

اقرأ المزيد

قالب بلوجر إخباري (RESIZABLE)

رابط تحميل ثاني لقالب البلوجر من هنا .

قالب بلوجر ممييز (Resizable) ربما يعرفه الكثيرون كقالب ووردبريس لكنه وقع مؤخرا صنع نسخة منه للإستعمال على واحهة بلوجر.
القالب به عديد المميرزات مثل قسم المواضيع المميزة وكثرة الأعمدة مما يسمح بوضع وحدات إعلانية في أماكن عديدة لزيادة الربح، كما أنه قالب سريع وخفيف .

بالنسبة للأبواب الأولى يعدّل عليها مباشرة من صفحة التخطيط فهي تعمل أليا بصفحات المدونة .

أما الصف الثاني من الأبواب يجب التعديل عليه من داخل القالب أي من صفحة تعديل html وللقيام بذلك ابحث داخل القالب عن هذه الأسطر و غير أسماء الابواب (الرئيسية والفرعية) وضع رابطا لكل باب مكان العلامة الملونة بالأحمر

<li><a href='#'>الباب الأول</a></li>

<li><a href='#'>الباب الثاني</a></li>

<li><a href='#'>الباب الثالث</a>

</ul>

</li>

<li><a href='#'>الباب الرابع</a></li>

<li><a href='#'>الباب الخامس</a>

التعديل الثاني الذي بحتاجه القالب هو التعديل على قسم المواضيع المميزة وذلك يتم أيضا من داخل القالب عبر البحث عن هذه الاسطر وتغيير روابط الصور الملونة بالأزرق بروابط صور تلائم المواضيع التي ستضعها وتغيير أسماء المواضيع ووضع رابط لكل موضوع مكان العلامة الملونة بالأحمر

</a>

<span class='top-strip'>مواضيع مميزة</span>

<h2 class='slid-cont0'><a href='#'>الموضوع المميز عدد1</a>

</h2>

</li>

</a>

<h2 class='slid-cont'><a href='#'>الموضوع المميز عدد2 </a>

</h2>

</li>

</a>

<h2 class='slid-cont'><a href='#'>الموضوع المميز عدد3</a>

</h2>

</li>

</a>

<h2 class='slid-cont'><a href='#'>الموضوع المميز عدد4</a>

</h2>

الرجاء عدم إزالة الحقوق من القالب عند إستعماله وشكرا .

-------------------

قالب بلوجر

قوالب بلوجر معربة

قالب بلوجر إخباري

Hjanaan

3:48 م

اقرأ المزيد

قالب بلوجر (RANO)

صورة جزئية لقالب البلوجر

رابط تحميل ثاني لقالب بلوجر Rano من هنا .

قالب بلوجر Rano، قالب احترافي صالح لجميع انواع المدونات .

للتعديل على السليدر:
ابحث عن هذه الفقرة داخل القالب من تحرير html وسوف تجدها اسفلها 5 فقرات تشبهها عدل عليها بنفس الطريقة (كل فقرة لموضوع واحد) . ضع رابط الموضوع مكان العلامتان الملونتان بالاحمر وضع رابط صورة للموضوع مكان الرابط الملون بالاحمر .

</div>

<a href='#'>اسم الموضوع هنا</a>

</h3>

<p>

هنا يوضع وصف للموضوع لشرحه للقارئ .....

</p>

للتعديل على الأبواب:

ابحث عن هذه الأسطر داخل القالب وغير اسم كل باب وضع راطا لكل واحد منها مكان العلامة الملونة بالازرق

</li>

</li>

</li>

</li>

المرجو عدم نزع الحقوق من القالب لانه سوف يعاد توجيهك الى المدونة .

Hjanaan

3:43 م

اقرأ المزيد